<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>技术分享</title>
<link href="styles/umeditor.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="styles/prettify.css"/>
<link rel="stylesheet" href="styles/icon.css"/>
<link rel="stylesheet" href="styles/main.css"/>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/alert.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div align="center">
		<br>
		<a><font size="3">欢迎来到</font></a>
		<h1 align="center"><font color="gray">程序员的技术交流网站</font></h1>
	</div>
	<br>
	<br>
	<div align="center">
		<button id = "enter_other">游客进入</button>
		<button id = "enter_vip">贡献者进入</button>
	</div>
	<br>
	<br>
	<div align="right">
		<table>
			<tr>
				<td ><button id = "log_in"><font color="green">登录</font></button></td>
			</tr>
			<tr>
				<td><button id = "regist"><font color="red">注册</font></button></td>
			</tr>
		</table>
	</div>
	<br>
	<br>
	<div id="can"></div>
	<script type="text/javascript">
		$(function(){
			//游客进入
			$("#enter_other").click(other_enter);
			//贡献者进入
			$("#enter_vip").click(alert_log_in);
			//点击登陆
			$("#log_in").click(alert_log_in);
			//弹出窗 取消/关闭按钮
			$("#can").on("click",".cancle,.close",closeAlertWindow);
			//点击注册
			$("#regist").click(alert_regist);
			//弹出登陆窗点击注册事件
			$("#can").on("click","#change_regist",alert_regist);
			//弹出注册窗点击登陆事件
			$("#can").on("click","#change_log_in",alert_log_in);
			//弹出登陆窗确认登陆事件
			$("#can").on("click","#sure_log_in",sure_log_in);
			//弹出注册窗确认注册事件
			$("#can").on("click","#sure_regist",sure_regist);
			//弹出窗口点击更换验证码图片事件
			$("#can").on("click","#key_img",earn_img);
		});
	</script>
</body>
</html>